<!DOCTYPE html>
<html lang="ch">
    <head>
        <meta charset="UTF-8">
        <title>后台服务管理平台</title>

        <script src="https://unpkg.com/vue@3"></script>
        <!-- import CSS -->
        <link rel="stylesheet" href="https://unpkg.com/element-plus/dist/index.css">
        <!--图标-->
        <script src="//unpkg.com/@element-plus/icons-vue"></script>
        <!-- import JavaScript -->
        <script src="https://unpkg.com/element-plus"></script>

        <script src="res_jsxios-0.18.0.js"></script>
        <script src="res_jsquery-3.7.0.min.js"></script>

        <link rel="stylesheet" href="index.css">
    </head>
    <body style="margin: 0;">
        <div id="app" style="height: 100vh; overflow-x: visible;">
            <div style="background-color: antiquewhite; width: 59vw; height: 100vh; float: left;">
                <div style="margin: 15px; font-size: 50px; color: rgba(100, 100, 100, 1);">后台服务管理平台</div>
            </div>
            <div style="background-color: white; width: 40vw; height: 100vh; float: left;">
                <div v-if="index===1" style="width: 620px; height: 820px; margin: 40px;">
                    <h1 style="margin: 10px;">登录</h1>
                    <div style="margin: 400px 70px 40px 70px; width: 460px;">
                        <div class="inputTitle">账号</div>
                        <input class="myInput" v-model="account">
                        <div class="inputTitle">密码</div>
                        <input class="myInput" v-model="password">
                        <div class="inputTitle">验证码</div>
                        <input class="myInput">
                        <button class="loginBtn" @click="login(this.account, this.password)">登&emsp;&emsp;&emsp;录</button>
                    </div>
                </div>
            </div>
        </div>
        <script src="index.js"></script>
    </body>
</html>